<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=0.5,maximum-scale=0.5,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>
        <%= htmlWebpackPlugin.options.title%>
    </title>
    <script>
        // 计算html font-size
        // 保证7.5rem等于屏幕宽度
        (function (f, j) {
            var i = document,
                d = window;
            var b = i.documentElement;
            var c;

            function g() {
                var k = b.getBoundingClientRect().width;
                if (!j) {
                    j = 1080
                }
                if (k > j) {
                    k = j
                }
                var l = k * 100 / f;
                b.style.fontSize = (l > 100 ? 100 : l) + "px";
            }
            g();
            d.addEventListener('resize', g)
            d.addEventListener("pageshow", function (k) {
                if (k.persisted) {
                    clearTimeout(c);
                    c = setTimeout(g, 300)
                }
            }, false)
        })(750, 1080);
    </script>
</head>

<body>
    <h3>7X24小时</h3>
    <h1>无人值守洗车</h1>
    <div class="imgae_block"></div>
    <div class="fearture">
        <ul>
            <li>
                <span class="big">快</span>极速洗车</li>
            <li>
                <span class="big">省</span>19.9元钱搞定</li>
            <li>
                <span class="big">美</span>洗后干净靓丽</li>
        </ul>
    </div>
    <div class="step-wrapper">
        <h1>洗车使用说明</h1>
        <div class="first-step-content">
            <h2 class="step-title">
                <span>1</span>确认车辆停放到指定位置</h2>
            <p>通过车辆后视镜及车前方观察，车头到达绿色区域，车身 在黄线内。</p>
            <div class="step-info"></div>
        </div>
        <div class="second-step-content">
            <h2 class="step-title">
                <span>2</span>确认完成以下操作</h2>
            <ul>
                <li>挂P档</li>
                <li>拉手刹</li>
                <li>收后视镜</li>
                <li>关车窗</li>
                <li>关雨刮</li>
                <li>收天线</li>
                <li>关天窗</li>
            </ul>
        </div>
        <div class="third-step-content">
            <h2 class="step-title">
                <span>3</span>付费</h2>
            <p>支持会员余额支付、微信支付</p>
        </div>
    </div>
    <div class="tips">
        <h2>注意事项</h2>
        <p>车轮要停在黄线内，并回正方向盘，以免与洗车机发生刮蹭。</p>
        <p>洗车期间严禁上下车，或伸出窗外张望。 </p>
        <p>请车头正向开进洗车机，因为倒车进入会洗不干净。</p>
        <p>不要站在洗车机门口或内部，容易误挡感应探头，发生安全隐患。 </p>
        <p>限制车辆高度小于1.8米、长度小于5.2米。 </p>
        <p>请收好超长加装件，容易被洗坏或刮到洗车机。</p>
        </p>
    </div>
    <div id="scanBtn" class="red-btn scan-now">
        <span>扫码洗车</span>
    </div>
    <script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
</body>

</html>